BODY {font-family: verdana;color: white;font-size: 10pt;
background-color:#408080;
    
}
TABLE {font-family: verdana;color: white;font-size: 10pt;
background-color:#457b78

 }

 A:link {font-family: verdana;color: yellow;text-decoration: underline;}
   	  A:visited {font-family: verdana;color: yellow;}
      A:hover {font-family: verdana;color: white;}
      A:active {font-family: verdana;color: brown;}
      
.banner-text
{
	font: Comic Sans MS;
	font-size: x-large;
}
         .div_text_shadow
         /*drop shadow on FFD header */
     
{
color: rgb(252, 247, 247);
/*font-size: 50px;*/
background-color: rgb(64, 128, 128);
text-shadow: rgb(3, 3, 3) 5px 7px 4px;
}
              .div_text_shadow_menu
         /*drop shadow for dropdown menu items  */
     
{
color: rgb(252, 247, 247);
/*font-size: 50px;*/
background-color: rgb(51, 98, 95);
text-shadow: rgb(3, 3, 3) 5px 7px 4px;
}
/* repeating cover for ffd tackle page */    
.cover-tackle{
	background: url("fish-in-hand.jpg")
	repeat right top;
	background-size: cover;
	
}
         <style>
     .bottomright {
       /*position of text on FFD home page */

                  position: absolute;
                  bottom: 190px;
                  right: 100px;
                  font-size: 18px;
                  }
      .white-text {
                    /* white text */
                    color: #ffffff;
                    /*background-color: #7a7a52;
                   background-color: 122,122,80,;
                   background-color: 122,122,80,.5;*/
                  background-color: rgba(122,122,80,.7);
                }
                /* color active page menu items in brown */
   .active-page {
    background-color: rgb(122,122,80);
}
/* colour row in table */
.table-row-colour{
	background: #808080
}
   </style>
   /* Hover for menu bar*/
  <style class="hidden-xs">
      div {background-color: #33625f;}
                      div a {
                          text-decoration: none;
                          /*font-size: 20px;
                          padding: 15px;*/
                          display:inline-block;
                      }
                      ul {
                        display: inline;
                        margin: 0;
                        padding: 0;
                      }
                      ul li {display: inline-block;}
                      /*ul li:hover {background: #fbf3f3;}*/
                       ul li:hover ul {display: block;}
                      ul li ul {
                        position: absolute;
                        /*width: 400px; */
                        display: none;
                      }
                      ul li ul li { 
                        /*background: #fbf3f3; */
                        display: block; 
                      }
                      ul li ul li a {display:block !important;} 
                      /* li ul li:hover {background: #fbf3f3;}*/
    </style>
    /* boilerplate code for calling jScript - wait for document to load
    <script type="text/javascript">
    $(document).ready (function(){
    /* code below e.g.
   $("#id").hide(300);
    });
    </script>
*/
/*start of CSS code for embedding responsive YouTube videos

.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
end of  CSS code for embedding responsive YouTube videos */ 
/*style for emphasis box */
  <style>
      div.box {
          background-color: #006666;
        }
    </style>